<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page import="cleanstarxchange.server.*"%>
<%@ page import="java.text.DecimalFormat"%>

<%
	Integer uid = Integer.parseInt(request.getParameter( "uid" ));
%>
	<script language="javascript">
	<!--
	function moveToHome()
	{
   		var frm = document.frm;
	   	frm.action = "index.jsp?uid=<%=uid%>";
   		frm.submit();
	}

	function moveToPF()
	{
   		var frm = document.frm;
	   	frm.action = "portfolio.jsp?uid=<%=uid%>";
   		frm.submit();
	}
	function moveToUpdate()
	{
   		var frm = document.frm;
	   	frm.action = "update.jsp?uid=<%=uid%>&updateid=1";
   		frm.submit();
	}
	//-->
	</script>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>StarXChange</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>

<body class="twoColElsLtHdr">



<div id="container">
  <div id="header"><a href="index.jsp?uid=<%=uid%>"><img src="media/logo.jpg"/></a><!-- end #header --></div>
  <div id="sidebar1">
    <ul class="sidenav">
				<li>
                	<a href="portfolio.jsp?uid=<%=uid%>" title="My Portfolio">My Portfolio
                    <span>See how rich you are!</span>
                    </a>
                    
                </li>
			    <li>
                	<a href="stocklist.jsp?uid=<%=uid%>" title="Stocks">Stocks
                    <span>View all celebrity stocks!</span>
                    </a>
                </li>
				<li>
                	<a href="rank.jsp?uid=<%=uid%>" title="Rank">Rank
                    <span>Where do you place?</span>
                    </a>
                </li>
				<li>
                	<a href="howtoplay.jsp?uid=<%=uid%>" title="HowToPlay">Help
                    <span>Learn how to play the game!</span>
                    </a>
                </li>
			</ul>
    
    
  <!-- end #sidebar1 --></div>
  <div id="mainContent">
  <div id="shortcut">
    			<form name="frm" method="post">
				<input type="button" name="btregister" value = "Home" onClick="moveToHome();">
				<input type="button" name="btregister" value = "Portfolio" onClick="moveToPF();">
				<% if ( uid==713865194 || uid==21014218 || uid==783920693 || uid==514766462 ){ %>
				<input type="button" name="btregister" value = "Update Now" onClick="moveToUpdate();">
				<% } %>
				</form>
    		</div>
  	<div id="shorcut">
        <table width="573" border="0" cellspacing="2" cellpadding ="2">
          <tr>
            <td width="287"><a href="#what">What is StarXChange>?</a></td>
            <td width="286"><a href="#money">How to earn money</a></td>
          </tr>
          <tr>
            <td><a href="#rank">Ranking System</a></td>
            <td><a href="#stock">Buy and sell stocks</a></td>
          </tr>
        </table>
  	</div>
    <div id="main">
    <h1><a name="what">What is StarXChange</a></h1>
            <p>StarXChange is a virtual stock market game that allows you to buy and sell stocks
               of your favourite celebrities. Just like in the real world, prices of stocks rise 
               and fall depending on supply and demand. Also, the more press coverage your celebrity 
               gets, the quicker its price will rise. So what are you waiting for? Get started now to 
            own shares of your favourite celebrity or to become the richest StarXChange investor in the world.</p>
            <h1><a name="money">How to earn money</a></h1>
            <p>Earning money is all about the concept of buying low and selling high. Predict which celebrities will 
               be popular in the future and buy today to reap the capital gains of tomorrow. On the other hand, stay 
            away from fading stars to avoid losing big on your investments.</p>
            <h1><a name="rank">Ranking System</a></h1>
            <p>As your money and assets grow, your ranking in the StarXChange world will rise. Compete among your friends 
             to see who is the wisest investor in the group or compete with the world to see who is the top dog in the market.</p>
             <h1><a name="stock">Buy Sell Stocks</a></h1>
             <p>To buy stocks, simply click on the 'Stocks' button to navigate to the 'Stocks </p>
             <p>From there, select the stock you would like to purchase to bring up the stock's profile.</p>
             <p>Here you can view information about the stock and when you're ready, simply click on the 'Buy Now' button.</p>
             <p>Here you can enter the number of shares you would like to purchase. When you're done, click the 'OK' button to confirm your transaction.</p>
             <p>To sell stocks that you currently own, click on the 'Portfolio' button on the main page to view your current assets.</p>
             <p>In the Portfolio window, select the stock you wish to sell to bring up the stock's profile.</p>
             <p>Click 'Sell Now' to continue with selling the stock.</p>
             <p>Enter the number of shares you would like to sell and click 'OK' to complete the transaction.</p>
             </div>
    
	<!-- end #mainContent --></div>
	<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
   <div id="footer">
    <p>Ranks will be here</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>